// flex布局
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-item{
    flex:1;
    text-align: center;
}

// flex垂直排位
.vertical {
    flex-direction: column;
}

// flex水平排位
.row {
    flex-direction: row;
}
// 定义项目的放大比例
.grow{
    flex-grow : 1;
}
// 元素左对齐
.text-left{
    justify-content: flex-start;
}
// 元素右对齐
.text-right{
    justify-content: flex-end;
}
// 元素两端对齐
.space-between {
    justify-content: space-between;
}
// 元素顶对齐
.all-top{
    align-items: flex-start;
} 
